// SCSS 变量定义

// 颜色变量
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

$text-color: #303133;
$text-color-secondary: #606266;
$text-color-placeholder: #a8abb2;
$text-color-disabled: #c0c4cc;

$border-color: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;

$bg-color: #f5f5f5;
$bg-color-page: #f2f3f5;
$bg-color-overlay: rgba(0, 0, 0, 0.8);

// 字体变量
$font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: 16px;
$font-size-extra-large: 18px;

$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 600;

$line-height-base: 1.5;
$line-height-small: 1.2;
$line-height-large: 1.8;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;

// 边框变量
$border-radius: 4px;
$border-radius-sm: 2px;
$border-radius-lg: 8px;
$border-radius-xl: 12px;

$border-width: 1px;
$border-style: solid;

// 阴影变量
$shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
$shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.1);

// 动画变量
$transition-base: all 0.3s ease;
$transition-fast: all 0.2s ease;
$transition-slow: all 0.5s ease;

// 层级变量
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// 断点变量
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 1024px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1600px;

// 容器变量
$container-max-width: 1200px;
$container-padding: 20px;

// 头部变量
$header-height: 60px;
$header-bg: #fff;
$header-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);

// 侧边栏变量
$sidebar-width: 240px;
$sidebar-collapsed-width: 64px;
$sidebar-bg: #001529;
$sidebar-text-color: #bfcbd9;
$sidebar-active-color: #409eff;

// 内容区变量
$content-bg: #f5f5f5;
$content-padding: 20px;

// 表格变量
$table-header-bg: #fafafa;
$table-border-color: #ebeef5;
$table-hover-bg: #f5f7fa;
$table-stripe-bg: #fafafa;

// 表单变量
$form-label-color: #606266;
$form-label-font-weight: 500;
$form-item-margin-bottom: 20px;

// 按钮变量
$button-height: 32px;
$button-height-small: 24px;
$button-height-large: 40px;
$button-padding: 8px 16px;
$button-border-radius: $border-radius;

// 输入框变量
$input-height: 32px;
$input-height-small: 24px;
$input-height-large: 40px;
$input-padding: 8px 12px;
$input-border-radius: $border-radius;

// 卡片变量
$card-padding: 20px;
$card-border-radius: $border-radius;
$card-shadow: $shadow;

// 对话框变量
$dialog-border-radius: $border-radius-lg;
$dialog-shadow: $shadow-xl;

// 消息提示变量
$message-z-index: $z-index-tooltip;
$notification-z-index: $z-index-tooltip;

// 加载变量
$loading-z-index: $z-index-modal;

// 暗色主题变量
$dark-bg-color: #1a1a1a;
$dark-text-color: #e6e6e6;
$dark-text-color-secondary: #a0a0a0;
$dark-border-color: #404040;
$dark-card-bg: #2d2d2d;
$dark-sidebar-bg: #001529;
